<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

</body>
<script>
	// 箭头函数分为以下几种情况
	// - 只有一个参数并函数体是一句话的时候
	// {
	// 	// 非箭头函数
	// 	const fn = function(){
    //
    //     }
	// 	// 箭头函数
	// 	const fn2 = (a,b,c,d)=>{
	// 		console.log(a,b,c,d);
    //     }
	// 	fn2(1,2,3,4);
    // }

	// - 没有参数或者多个参数的时候，参数的括号不能省略
	{
		// 不能省略括号
		// const fn = (a,b,c,d)=>{
		// 	console.log(a,b,c,d);// 1 2 3 4
        // }
		// fn(1,2,3,4)

        // 当接收的参数为一个参数时，可以选择省略括号
		// const fn = a => {
		// 	console.log(a);// 1
		// }
		// fn(1)
    }
	// - 当函数体不是一句话的时候，花括号 不可以省略
	// {
	// 	// 未省略{}
	// 	// const fn = ()=>{
	// 	// 	return 100;
    //     // }
    //
    //     // 省略{}
	// 	// const fn = ()=>100;
	// 	// console.log(fn());
    //
    //     // map
    //     const arr = [1,2,3,4];
	// 	// const arr2 = arr.map(function(item){
	// 	// 	return item+100;
    //     // });
    //
    //     // 简写1:改成箭头函数
	// 	// const arr2 = arr.map((item)=>{
	// 	// 	return item+100;
	// 	// });
    //
	// 	// 简写2:省略（）
	// 	// const arr2 = arr.map(item=>{
	// 	// 	return item+100;
	// 	// });
    //
	// 	// 简写3:省略（）
	// 	const arr2 = arr.map(item=>item+100);
	// 	console.log(arr2);// [101,102,103,104]
    //
    //     const fn = t => t;
    //
    // }

	// - 如果函数体内只有一行代码，该行代码返回的是对象的话，可以使用括号。
	{
		// 箭头函数
		// const fn = ()=>{
		// 	return {
		// 		username:"lisi"
        //     }
        // }
		// 简写：
		const fn = ()=>({
			username:"lisi"
		});
		console.log(fn());

    }



</script>
</html>